<style type="text/css">
    .col-sm-2{
        width: 15%;
    }
    .fr{
        float: none;
    }
    table.dataTable th{
        text-align: center;
    }
    input[type='search']{
        border-radius: 8px;
    }
    .searchCreateTime{
        border-radius: 8px;
    }
    .form-inline .form-control{
        border-radius: 8px;
    }
    .btn-yellow{
        border-radius: 8px;
    }
    .btn{
        border-radius: 8px;
    }
    .triangle-down {
        display: none;
        width: 0;
        height: 0;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 6px solid black;
        z-index: 999;
        position: absolute;
        top: 24px;
        left: 16%;
    }
    .triangle-up {
        display: block;
        width: 0;
        height: 0;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-bottom: 6px solid black;
        z-index: 999;
        position: absolute;
        top: 24px;
        left: 16%;
    }
</style>
<div>
    <div class="row">
        <div class="col-md-12" ng-controller="landlordListMangeCtl">
            <div class="cover-bg" ng-show="isCoverBgShow" ng-click="coverBgHide()"></div>
            <div >
              <!--   <div class="panel-heading">
                    房东资质审核模块
                </div> -->
            <div class="panel-body" style=" background: #fff; margin-top: 1px;">
            <form class="form-group">
                <div class="col-sm-2">
                    <input type="search" class="form-control ng-pristine ng-valid ng-touched" ng-model="_landlordName" placeholder="房东姓名" />
                </div>
           <!--      <div class="col-sm-2">
                    <input type="search" class="form-control ng-pristine ng-valid ng-touched" ng-model="_areaName" placeholder="请输入小区名称" />
                </div>
                 -->


                <div ng-controller="ContractTimeCtrl" style="margin-top: 25px;">
                    <div class="col-sm-2">
                        <div class="input-group pull-left">
                          <input type="text"  class="form-control searchCreateTime" placeholder="申请时间" datepicker-popup="{{format}}" ng-model="dateStart" is-open="openContractBeginDated" datepicker-options="dateOptions" close-text="关闭" clear-text="清除" current-text="今天" />
                          <span class="input-group-btn">
                            <button style=" border-left: none;height: 44px;" type="button" class="btn btn-default" ng-click="openContractBeginDate($event)"><img src="img/deta.png"></button>
                          </span>
                        </div>
                    </div>
                    <div class="pull-left time-line">—</div>
                    <div class="col-sm-2">
                        <div class="input-group pull-left">
                          <input type="text" class="form-control searchCreateTime" placeholder="申请时间" datepicker-popup="{{format}}" ng-model="dateEnd" is-open="openContractEndDated" datepicker-options="dateOptions" close-text="关闭" clear-text="清除" current-text="今天" />
                          <span class="input-group-btn">
                            <button style=" border-left: none; height: 44px;" type="button" class="btn btn-default" ng-click="openContractEndDate($event)"><img src="img/deta.png"></button>
                          </span>
                        </div>
                    </div>
                       <div class="col-sm-2">
                        <ui-select ng-model="checkStatus.selected" theme="bootstrap">
                            <ui-select-match placeholder="请选择审核状态" style="overflow: hidden; border-radius: 8px;">{{$select.selected.name}}</ui-select-match>
                            <ui-select-choices repeat="item in checkTypeArray | filter: $select.search">
                                <div style="height: 30px; line-height: 30px; padding-left: 30px;" ng-bind="item.name | filter: $select.search"></div>
                            </ui-select-choices>
                        </ui-select>
                    </div>            
                </div>
                <div class="clear"></div>
            </form>
              <div class="col-sm-2">
                    <input type="search" class="form-control ng-pristine ng-valid ng-touched" ng-model="_landlordPhone" placeholder="手机号" />
                </div>

             <div class="col-sm-2">
                    <input type="search" class="form-control ng-pristine ng-valid ng-touched" ng-model="_landlorCompany" placeholder="请输入企业名称" />
                </div>
            <div class="col-sm-2">
                <ui-select ng-model="landlordType.selected" theme="bootstrap">
                    <ui-select-match placeholder="请选择房东性质" style="overflow: hidden; border-radius: 8px;">{{$select.selected.name}}</ui-select-match>
                    <ui-select-choices repeat="item in owenrTypeArray | filter: $select.search">
                        <div style="height: 30px; line-height: 30px; padding-left: 30px;" ng-bind="item.name | filter: $select.search"></div>
                    </ui-select-choices>
                </ui-select>
            </div>
            <button class="btn-yellow" ng-click="queryUser()" style="background: #FA6F39; margin-left: 15px; margin-top: 5px; width: 90px;">查询</button>    
            <button class="btn-yellow" ng-click="resetUser()" style="margin-left: 20px; width: 90px;">重置</button>
        </div>



            <div class="wrapper-md">
     
                <div class="row">
                    <div class="col-md-12">
                       


                <div class="table-responsive" id="tableChanged">
                    <table ui-jq="dataTable" ui-options="dataTableSettings"  ui-callback="initFinish" class="table table-striped m-b-none">
                          <thead style="background: #E0E2EB;">
                                <tr>           
                                    <th id="orderFlags"></th></span>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>                     
                                </tr>
                            </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>

                    </div>
                </div>
            </div>

            </div>
        </div>
    </div>
</div>
